<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function showHint(str)
{
	var xmlhttp;
	
	if(str == "") {
		document.getElementById("txtHint").innerHTML = "";
		return;
	}
	
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
  		xmlhttp=new XMLHttpRequest();
  	} else {
  		// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	}
	xmlhttp.onreadystatechange=function() {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    		document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
  	  	}
  	}
	xmlhttp.open("GET","get_hint.jsp?str="+str,true);
	xmlhttp.send();
}
</script>
</head>
<body>

<h3>Start typing a name in the input field below:</h3>
<form action=""> 
First name: <input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>
<p>Suggestions: <span id="txtHint"></span></p> 

</body>
</html>
